<% layout("/common/layout.html",{"title":"工商申请详情"}){ %>
<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-sm-8">
        <h2>工商申请列表</h2>
        <ol class="breadcrumb">
            <li><a href="${ctxPath}/admin/main">主页</a></li>
            <li><a href="../view/index">工商申请列表</a></li>
            <li class="active">详情</li>
        </ol>
    </div>
    <div class="col-sm-4">
        <div class="title-action">
            <div class="btn-group">
                <a class="btn btn-primary btn-outline" href="../view/index"><i class="fa fa-reply"> </i> 返回列表</a>
            </div>
        </div>
    </div>
</div>

<div class="wrapper wrapper-content">
    <div class="tabs-container" id="tabs-container">
        <ul class="nav nav-tabs">
            <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true"> 基本信息</a></li>
            <li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="false">材料信息</a></li>
            <li class=""><a data-toggle="tab" href="#tab-3" aria-expanded="false">审批日志</a></li>
        </ul>
        <div class="tab-content">
            <div id="tab-1" class="tab-pane active">
                <div class="panel-body">
                <table width="99%" border="0" cellpadding="0" cellspacing="0" class="table table-bordered ">
                                    <col width="15%" align="right">
                                    <col width="35%" align="left">
                                    <col width="15%" align="right">
                                    <col width="35%" align="left">
                                    <tr>
                                        <th>申报事项名称:</th>
                                        <td colspan="3">
                                            <input type="text" class="form-control" id="serviceName" name="serviceName" value="${item.serviceName!}"     readonly="readonly"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>申报人:</th>
                                        <td><input type="text" class="form-control" id="applyName" name="applyName" value="${item.applyName!}"   readonly="readonly" /></td>
                                        <th>身份证:</th>
                                        <td><input type="text" class="form-control" id="applyCardNumber" name="applyCardNumber" value="${item.applyCardNumber!}"    readonly="readonly" /></td>
                                    </tr>
                                     <tr>
                                        <th>联系人姓名:</th>
                                        <td><input type="text" class="form-control" id="contactMan" name="contactMan" value="${item.contactMan!}"   readonly="readonly" /></td>
                                        <th>联系人手机：</th>
                                        <td><input type="text" class="form-control" id="phone" name="phone" value="${item.phone!}"  readonly="readonly" /></td>
                                    </tr>
                                     <tr>
                                        <th>联系人身份证：</th>
                                        <td><input type="text" class="form-control" id="contactManCardNumber" name="contactManCardNumber" value="${item.contactManCardNumber!}"  readonly="readonly"  /></td>
                                        <th>联系人电话：</th>
                                        <td><input type="text" class="form-control" id="telphone" name="telphone" value="${item.telphone!}" readonly="readonly" /></td>
                                    </tr>
                                     <tr>
                                        <th>邮编：</th>
                                        <td colspan="3">
                                            <input type="text" class="form-control" id="postCode" name="postCode"  value="${item.postCode!}"    readonly="readonly"  />
                                        </td>
                                    </tr>
                                          <tr>
                                        <th>通讯地址：</th>
                                        <td colspan="3">
                                            <input type="text" class="form-control" id="address" name="address" value="${item.address!}"  readonly="readonly"  />
                                        </td>
                                    </tr>
                                     <tr>
                                        <th>备注：</th>
                                        <td colspan="3">
                                            <textarea  rows="5" class="form-control" id="remark" name="remark"  readonly="readonly" >${item.remark!}</textarea>
                                        </td>
                                    </tr>
                                </table>
                </div>
            </div>

            <div id="tab-2" class="tab-pane">
                <div class="panel-body">
                 <%if(isNotEmpty(attrList)){for(attr in attrList){%>
                 	<div class="col-xs-12 col-sm-6 col-md-6">
						<a class="thumbnail" href="${fileStoreUrl}${attr.fileUrl!}"
							style="text-decoration: none;"> <img
							src="${fileStoreUrl}${attr.fileUrl!}" alt="${attr.attrName!}">
							<div class="caption">
								<h5 class="text text-info text-center"> ${attr.attrName!}</h5>
							</div>
						</a>
					</div>
                 <%}}%>
                </div>
            </div>

            <div id="tab-3" class="tab-pane">
                <div class="panel-body">
                       <table class="table table-hover table-bordered">
                        <thead>
                        <tr>
                            <th width="11%">审批人</th>
                            <th width="11%">审批时间</th>
                            <th width="8%">状态</th>
                            <th width="70%">建议</th>
                        </tr>
                        </thead>
                        <tbody>
                        <%
                        if(isNotEmpty(nodeList)){
                        for(node in nodeList){
                        %>
                        <tr>
                            <td>${node.name!}</td>
                            <td class="text text-center">${node.createTime,"yyyy-MM-dd HH:mm:ss"}</td>
                            <td>${node.nodeName!}</td>
                            <td>${node.opinion!}</td>
                        </tr>
                        <%
                        }
                        }else{
                        %>
                        <tr>
                            <td colspan="4" class="text-center text-muted">暂无数据</td>
                        </tr>
                        <%
                        }
                        %>
                        </tbody>
                    </table>
                </div>
            </div>

        </div>

    </div>
</div>

<% } %>
<script type="text/javascript">
    //页面JS调用
    require(['examine/examine'], function (examine) {
    	examine.view();
    });
</script>
